export const  vMove = {
    mounted: (el :HTMLElement) => {
        el.style.cursor = 'grab';
        el.onmousedown=(e)=>{  
          document.onmousemove = function (e) {
            e.preventDefault(); // 移动时禁用默认事件
            // 计算偏移距离 鼠标x - 元素x
            let left = e.clientX - el.offsetLeft
            let sider:HTMLElement = document.querySelector('.n-layout-sider')! //不能将类型“HTMLElement | null”分配给类型“HTMLElement” 这里可以使用断言
            
            sider.style.width = el.offsetLeft + left + 'px'
          }
          document.onmouseup = function () { //按压时间结束的时候 要禁用掉down的监听事件 否则会一直执行
              document.onmousemove = null;
              document.onmouseup = null;
          };
        }
      }
  }
